<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>女人之音index</title>
	<link rel="stylesheet" href="css/index.css">



</head>
<body>
	<div id="index">

<!-- 		<div class="line900"></div>
		<div class="line901"></div>
		<div class="line902"></div>
		<div class="line903"></div>
		<div class="line904"></div>
		<div class="line905"></div> -->


		<ul class="nav_dian">
			<li class="red"></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>


		<!-- 头部 -->
		<div class="header">
			<img class="logo" src="images/logo.png" alt="logo">
			
			<div class="navUl">
				<ul id="nav">
					<li><a class="chosNavOne" href="javascript:;">首页</a></li>
					<li><a href="javascript:;">下载</a></li>
					<li><a href="javascript:;">介绍</a></li>
					<li><a href="javascript:;">联系</a></li>
					<li><a href="javascript:;">关于</a></li>
				</ul>
			</div>

			<img class="downImg" src="images/btn.png" alt="xia">
		</div>

		<!-- 女人之音 -->
		<div class="womenSong">
			<div class="women_center">
				<div class="l_women_center">
					<img src="images/1.gif" alt="">
				</div>
				<div class="r_women_center">
					<img src="images/logo2.jpg" alt="">
					<div class="title">女人之音</div>
					<div class="describe">倾听&诉说你的声音</div>
					<div class="line"></div>
					<div class="story">
						终于，等到你。让我有机会与你同行。<br>
						感谢这次相遇，于这茫茫人海中的不期而遇。<br>
						我也许不是最早遇见你的人，但我愿做最长陪伴你的人。<br>
						加入我们，你会发现更真实、更洒脱、更美好的自己！
					</div>

					<div class="app_download">
						<div class="l_app_download">
							<img src="images/appcode.jpg" alt="">
							<div class="downTitle">
								扫描二维码下载APP
							</div>
						</div>
						<div class="r_app_download">
							<div class="ios">
								<img src="images/ico_ios.png" alt="">
								<div>App store 下载</div>
								<div class="clearBox"></div>
							</div>
							<div class="android">
								<img src="images/ico_andriod.png" alt="">
								<div>Andriod 下载</div>
								<div class="clearBox"></div>
							</div>
						</div>
						<div class="clearBox"></div>
					</div>
				</div>
				<div class="clearBox"></div>
			</div>	
		</div>

		<!-- 课程 -->
		<div class="course">
			<div class="course_center">
				<div class="l_course_center">
					<div class="title">课程</div>
					<div class="describe">细致的分类，针对性的课程</div>
					<div class="line"></div>
					<div class="story">
						每天不定时更新<br>
						气质/职场/健康/婚姻/育儿/孕妈等<br>
						经典课程<br>
					</div>
				</div>
				<div class="r_course_center">
					<img src="images/2.gif" alt="">
				</div>
				
				<div class="clearBox"></div>
			</div>
				
			<div class="coursebg"></div>
		</div>

		<!-- 读物 -->
		<div class="reading">
			<div class="reading_center">
				<div class="l_reading_center">
					<img src="images/3.gif" alt="">
				</div>
				<div class="r_reading_center">
					<div class="title">读物</div>
					<div class="describe">把你的最爱，读给你听</div>
					<div class="line"></div>
					<div class="story">
						婚姻育儿/两性健康/生活哲学/职场提升/文学艺术等<br>把文字读给你听，总有哪本书深入你心
					</div>
					<img class="listImg" src="images/book_pic.jpg" alt="">
				</div>
				<div class="clearBox"></div>
			</div>

			<!-- 联系我们 -->
			<div class="contact">
				<div class="conTitle">
					联系我们
				</div>
				<div class="conLine"></div>
				<div class="condescribe">
					请您简明扼要的说明来意。<br>
					留言在下面输入框（或发邮件），工作人员收到后，会及时与您联系。
				</div>

				<div class="formList">
					<div class="form">
						<div class="formTwo">
							<div class="l_formT">
								<div class="formTitle">您的姓名</div>
								<!-- <div id="formName"></div> -->
								<input type="text" id="formName">
								<div class="clearBox"></div>
							</div>
							<div class="r_formT">
								<div class="formTitle">您的电话</div>
								<!-- <div id="formPhone"></div> -->
								<input type="text" id="formPhone">
								<div class="clearBox"></div>
							</div>
						</div>
						<div class="formTwo">
							<div class="l_formT">
								<div class="formTitle">您的邮箱</div>
								<!-- <div id="formEmail"></div> -->
								<input type="text" id="formEmail">
								<div class="clearBox"></div>
							</div>
							<div class="r_formT">
								<div class="formTitle">公司名称</div>
								<!-- <div id="formCompany"></div> -->
								<input type="text" id="formCompany">
								<div class="clearBox"></div>
							</div>
						</div>

						<div class="clearBox"></div>

						<div class="formTitle">内容信息</div>
						<!-- <div id="formContent"></div> -->

						<textarea id="formContent" ></textarea>

						<div class="clearBox"></div>
					</div>

					<div class="submit">
						提交
					</div>
				</div>
			</div>	
		</div>




		<!-- 关于我们 -->


		<div class="aboutUs">
			<div class="l_aboutUs">
				<div class="title">关于我们</div>
				<div class="describe">天津手游科技有限公司</div>
				<div class="line"></div>

				<div class="phone">+(86) 022-58767267</div>

				<div class="contactWay">
					<img class="ico_email" src="images/ico_email.jpg" alt="">
					邮箱：cleo@mgtcl.com
				</div>

				<div class="contactWay">
					<img class="ico_location" src="images/ico_location.jpg" alt="">
					地址：天津市西青区海泰发展五道海泰创新基地B2-2-401
				</div>

				<div class="contactWay">
					<img class="ico_qq" src="images/ico_qq.jpg" alt="">
					QQ：3203838909
				</div>

				<div class="wxhao">
					<img class="wxhaocodeImg" src="images/wechatcode.jpg" alt="">

					<div class="wxin">
						<div class="wxT1">女人之音公共号二维码</div>
						<div class="wxT2">关注我们,从心开始</div>
						<div class="wxT3">我们致力于为女性打造一个分享、<br>交流、学习社群。</div>
					</div>
					<div class="clearBox"></div>
				</div>
				<div class="clearBox"></div>
			</div>
			<div class="r_aboutUs"></div>
			<div class="clearBox"></div>
		</div>
		<!-- html底部 -->
		<div class="htmlBottom">
			<p>
				© 2018 天津手游科技有限公司. All Rights Reserved. 津ICP备15006775号-1 津网文〔2016〕4116-053号
			</p>
		</div>
	</div>
	<script src="js/jquery-3.1.1.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.mousewheel.js"></script>	
	<script src="js/index.js"></script>
</body>

</html>